<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <!--
        Created by Artisteer v3.1.0.46836
        Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
        -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>
            <ui:insert name="pagename">

            </ui:insert>
        </title>


        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
        <!-- Conflig Primefaces Tabview -->
        <!--        <script type="text/javascript" src="jquery.js"></script>-->
        <script type="text/javascript" src="script.js"></script>
        <style type="text/css">
            .art-post .layout-item-0 { color: #3D3D3D; background:repeat #DEDEDE; padding-right: 20px;padding-left: 20px; }
            .art-post .layout-item-1 { color: #424242; background:repeat #EDEDED; padding-right: 20px;padding-left: 20px; }
            .art-post .layout-item-2 { padding-right: 20px;padding-left: 20px; }
            .ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
            .ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
        </style>

    </h:head>
    <body>
        <div id="art-main">
            <div class="cleared reset-box"></div>
            <div class="art-header">
                <div class="art-header-position">
                    <div class="art-header-wrapper">
                        <div class="cleared reset-box"></div>
                        <div class="art-header-inner">
                            <div class="art-headerobject"></div>
                            <div class="art-logo">
                                <h1 class="art-logo-name"><a href="./index.xhtml">Season in the sun</a></h1>
                                <h2 class="art-logo-text"></h2>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="cleared reset-box"></div>
            <div class="art-bar art-nav">
                <div class="art-nav-outer">
                    <div class="art-nav-wrapper">
                        <div class="art-nav-inner">
                            <ul class="art-hmenu">
                                <li>
                                    <a href="index.xhtml" class="active">Home</a>
                                </li>
                                <li>
                                    <a href="register.xhtml">Register</a>
                                </li>
                                <c:if test="#{sessionScope.customer != null}">
                                    <li>
                                        <a href="feedback.xhtml">Feedback</a>
                                    </li>
                                </c:if>
                                <li>
                                    <a href="infomationdesk.xhtml">Infomation Desk</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cleared reset-box"></div>
            <div class="art-box art-sheet">
                <div class="art-box-body art-sheet-body">
                    <div class="art-layout-wrapper">
                        <div class="art-content-layout">
                            <div class="art-content-layout-row">
                                <div class="art-layout-cell art-content">
                                    <div class="art-box art-post">
                                        <div class="art-box-body art-post-body">
                                            <div class="art-post-inner art-article">
                                                <div class="art-postcontent">
                                                    <div class="art-content-layout">
                                                        <div class="art-content-layout-row">
                                                            <div class="art-layout-cell layout-item-0" style="width: 20%;">
                                                                <h4>INFORMATION</h4>

                                                                <p style="text-align: center;margin:0"><img width="102" height="102" alt="" src="./images/News-128-2.png" /></p>

                                                                <p style="margin: 0px; margin-bottom: 20px;text-align: center;">Duis placerat justo eu nunc interdum</p>
                                                            </div><div class="art-layout-cell layout-item-1" style="width: 20%;">
                                                                <h4>DESTINATIONS</h4>

                                                                <p style="text-align: center;margin:0"><img width="102" height="102" alt="" src="./images/Travel-Bus-128-2.png" /></p>

                                                                <p style="margin: 0px; margin-bottom: 20px;text-align: center;">Lorem ipsum sit amet nsectetur</p>
                                                            </div><div class="art-layout-cell layout-item-0" style="width: 20%;">
                                                                <h4>FLIGHTS</h4>

                                                                <p style="text-align: center;margin:0"><img width="102" height="102" alt="" src="./images/Mini-Plane-128-2.png" /></p>

                                                                <p style="margin: 0px; margin-bottom: 20px;text-align: center;">Etiam pharetra, tellus sit amet</p>
                                                            </div><div class="art-layout-cell layout-item-1" style="width: 20%;">
                                                                <h4>CAR RENTAL</h4>

                                                                <p style="text-align: center;margin:0"><img width="102" height="102" alt="" src="./images/Mini-Cooper-128-2.png" /></p>

                                                                <p style="margin: 0px; margin-bottom: 20px;text-align: center;">Phasellus dolor, porttitor id</p>
                                                            </div><div class="art-layout-cell layout-item-0" style="width: 20%;">
                                                                <h4>CAR RENTAL</h4>

                                                                <p style="text-align: center;margin:0"><img width="102" height="102" alt="" src="./images/Sailingship-128-2.png" /></p>

                                                                <p style="margin: 0px; margin-bottom: 20px;text-align: center;">Sit consectetur placerat elit</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="art-content-layout">
                                                        <div class="art-content-layout-row">
                                                            <div class="art-layout-cell layout-item-2" style="width: 67%;">

                                                                <ui:insert name="content">

                                                                </ui:insert>
                                                            </div>
                                                            <div class="art-layout-cell layout-item-2" style="width: 33%;">
                                                                <h1>Menu</h1>

                                                                <h3>Login</h3>
                                                                <c:if test="#{sessionScope.customer == null}">
                                                                    <h:form>
                                                                        <table>
                                                                            <tr>
                                                                                <td>UserName : </td>
                                                                                <td><p:inputText value="#{loginBean.customer.username}"></p:inputText></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td>Password :</td>
                                                                                <td><p:password value="#{loginBean.customer.password}"></p:password></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td></td>
                                                                                <td><h:commandButton action="#{loginBean.loginCustomerAction}" style="background-image: url(images/login.png);width:80px;height: 34px"></h:commandButton></td>
                                                                            </tr>
                                                                        </table>
                                                                    </h:form>
                                                                </c:if>
                                                                <c:if test="#{sessionScope.customer != null}">       
                                                                    <h:form>
                                                                        <table>
                                                                            <tr>
                                                                                <td><img alt="" src="../admin/images/forms/man-woman-avatar-icon.jpg"></img></td>
                                                                                <td style="color: #088 ;font-weight: bold " valign="top" align="center"> Wellcome
                                                                                    <br></br>to <br></br> East2West
                                                                                    <br></br><b>${sessionScope.customer.customerName}</b>
                                                                                    <h:commandButton action="#{loginBean.logoutCustomerAction}" style="background-image: url(images/logout.png);width:70px;height: 32px"></h:commandButton>
                                                                                   
                                                                                </td>
                                                                                
                                                                            </tr>
                                                                            <tr>
                                                                                <td><h3>Select Link</h3></td>
                                                                            </tr>
                                                                        </table>
                                                                        <ul>
                                                                            <li style="color: brown"><a href="ordercars.xhtml" style="color: brown">My Car rental Cart</a></li>
                                                                            <li style="color: brown"><a href="ordertours.xhtml" style="color:brown">My Tour Cart</a></li>

                                                                        </ul>
                                                                        
                                                                    </h:form>
                                                                </c:if>
                                                                <hr style="border:none;background-color:#dedede;color:#dedede;height:1px;" />

                                                                <h3>Package Tour Category</h3>
                                                                <h:form>
                                                                    <ui:repeat value="#{mngPackageTypeBean.listPackageType}" var="packageType">
                                                                        <a href="packagetour.xhtml?typeID=#{packageType.packageTypeID}&amp;pageID=1" style="margin: 0 0 0 30px;font-style: italic;font-family: Palatino;font-size: larger;color: darkred;font-weight: bold;text-decoration: none">#{packageType.packageTypeName}</a>
                                                                        <br/>
                                                                    </ui:repeat>
                                                                </h:form>
                                                                <hr style="border:none;background-color:#dedede;color:#dedede;height:1px;" />

                                                                <h3>Car Rental Category</h3>
                                                                <ui:repeat value="#{modelBean.lmodel}" var="carModel">
                                                                    <a href="listcardetails.xhtml?modelID=#{carModel.modelID}&amp;pageID=1" style="margin: 0 0 0 30px;font-style: italic;font-family: Palatino;font-size: larger;color: darkred;font-weight: bold;text-decoration: none">#{carModel.modelName}</a>
                                                                    <br/>
                                                                </ui:repeat>
                                                                <hr style="border:none;background-color:#dedede;color:#dedede;height:1px;" />
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="cleared"></div>
                                            </div>

                                            <div class="cleared"></div>
                                        </div>
                                    </div>

                                    <div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cleared"></div>
                    <div class="art-footer">
                        <div class="art-footer-body">
                            <div class="art-footer-text">
                                <br />

                                <ul style="margin-left: 20px">
                                    <li style="float:left;width:150px;">
                                        <p style="font: bold 18px 'Trebuchet MS';">Information</p><br />

                                        <ul>
                                            <li><a href="#">Overview</a></li>

                                            <li><a href="#">Organization</a></li>

                                            <li><a href="#">Packages</a></li>

                                            <li><a href="#">Groups</a></li>
                                        </ul><br />
                                        <br />
                                    </li>

                                    <li style="float:left;width:150px;">
                                        <p style="font: bold 18px 'Trebuchet MS';">Location</p><br />

                                        <ul>
                                            <li><a href="#">Area Map</a></li>

                                            <li><a href="#">Address</a></li>

                                            <li><a href="#">Locations</a></li>
                                        </ul>
                                    </li>

                                    <li style="float:left;width:150px;">
                                        <p style="font: bold 18px 'Trebuchet MS';">Company</p><br />

                                        <ul>
                                            <li><a href="#">About Us</a></li>

                                            <li><a href="#">Terms</a></li>

                                            <li><a href="#">Contact Us</a></li>
                                        </ul>
                                    </li>
                                </ul>

                                <p style="text-align:right;"><br />
                                    <a href="#"><img width="32" height="32" alt="" src="./images/rss_32.png" style="margin-right:10px;" /></a><a href="#"><img width="32" height="32" alt="" src="./images/facebook_32.png" style="margin-right: 10px; cursor: text;" /></a><a href="#"><img width="32" height="32" alt="" src="./images/twitter_32.png" /></a><br />
                                    <br />
                                    Copyright © 2011 All Rights Reserved.<br />
                                    Vector image by <a href="http://vectorartbox.com/surf-holidays-background/">VectorArtBox</a>.</p>
                                <div class="cleared"></div>
                                <p class="art-page-footer"><a href="http://www.artisteer.com/?p=website_templates" target="_blank">Website Template</a> created with Artisteer.</p>
                            </div>
                            <div class="cleared"></div>
                        </div>
                    </div>
                    <div class="cleared"></div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>

    </body>
</html>

